@import "./mall-common";

body {
    background-color: #f2f2f2 !important;
    line-height     : 1.5 !important;

    .container-small {
        margin          : 60px auto;
        width           : 860px;
        background-color: #fff;
        position        : relative;

        .reglogin {
            width  : 360px;
            margin : 0 auto;
            padding: 60px 0;

            .logo {
                width     : 100%;
                height    : 50px;
                text-align: center;

                &::before {
                    content        : "";
                    display        : inline-block;
                    background     : url(../images/register/default.png) center no-repeat;
                    background-size: contain;
                    width          : 240px;
                    height         : 50px;
                }
            }

            .title {
                padding-top   : 30px;
                padding-bottom: 50px;
                text-align    : center;
                font-size     : 24px;
                color         : #666;
            }

            .item {
                padding-bottom: 25px;

                .u-ipt {
                    background-color: #fff;
                    color           : #888;
                    font-size       : 14px;
                    width           : 100%;
                    height          : 50px;
                    padding         : 10px;
                    border          : 1px solid #e0e0e0;
                    outline         : 0;
                }

                img {
                    border: 1px solid #e0e0e0;
                }
            }

            .item.button {
                margin-top: 20px;

                button {
                    padding    : 0;
                    width      : 100%;
                    height     : 50px;
                    line-height: 50px;
                    font-weight: 400;
                    cursor     : default;
                    color      : #888;
                }
            }

            .item.text {
                font-size     : 12px;
                color         : #6d6d6f;
                padding-bottom: 5px;

                label {
                    color        : #6d6d6f;
                    margin-bottom: 0;

                    input {
                        vertical-align: middle;
                        margin-right  : 2px;
                    }

                    a {
                        color          : #333;
                        text-decoration: none;
                    }
                }

                span {
                    width      : 100%;
                    display    : inline-block;
                    text-align : center;
                    padding-top: 70px;

                    a {
                        color          : #333;
                        text-decoration: none;

                        &:hover {
                            color: #ee0a3b;
                        }
                    }
                }
            }
        }
    }
}